body { background:#f5f5f5; }

/**************************************************************************/
.topBar { width:100%; height:80px; background:rgba(8,124,213,0.8); position:fixed; z-index:5; left:0;top:0; -webkit-transition:height 300ms ease; -moz-transition:height 300ms ease; transition:height 300ms ease; }
.topBar .topBox {  float:inherit; width:1100px; margin:0 auto; }
.topBar h1 { width:210px; height:40px; float:left; margin:13px 0 0 0; background:url(../ui/logo.png); text-indent:-9999px; }
.topBar ul { width:720px; height:80px; line-height:80px; float:right; }
.topBar ul li { width:120px; height:77px; line-height:80px; float:left;  font-size:16px; text-align:center; display:block; position:relative; z-index:0; border-bottom:3px solid rgba(255,255,255,0); }
.topBar ul li a { color:#fff; width:100%; height:100%; display:block; }
.topBar ul li:hover {  border-bottom:3px solid rgba(255,255,255,1);}
.topBar ul li:hover span {color:#fff; }
.topBar ul .navTag { height:79px; border-top:0px solid #fff;  position:fixed; z-index:1; top:80px; display:none; left:0;  }
.topBar ul .navTag a {width:120px; line-height:80px; float:left; display:block; color:#999; height:80px;background:rgba(0,0,0,0.7);  }
.topBar ul .navTag a:hover { background:rgba(8,124,213,0.8); color:#fff; }

.topBar .buyIcon { width:80px; height:80px; float:right; position:relative; z-index:0; }
.topBar .buyIcon span { width:38px; height:38px; margin:20px;border-radius:50%; border:1px solid #fff; display:block; background:url(../ui/buyIcon_2.png)  center center no-repeat; text-indent:-9999px; }
.topBar .buyIcon:hover { background:#fff; }
.topBar .buyIcon:hover span {background-image:url(../ui/buyIcon_1.png); border-color:#3794dc; }
.topBar .buyIcon .buyCode { width:130px; height:180px; padding:10px; background:#fff; position:absolute; z-index:1 ; top:90px; right:0; border-radius:10px; display:none; } 
.topBar .buyIcon .buyCode .arrow { width:19px; height:10px; position:absolute; z-index:1; right:30px; top:-10px; background:url(../ui/tagArrow.png); }
.topBar .buyIcon .buyCode img { width:100%; float:left; }
.topBar .buyIcon .buyCode p { width:100%; text-align:center; font-size:14px; color:#666; line-height:24px; }


/*****************************************路脰脪鲁*********************************************/
.page { width:960px; margin:0px auto; padding:30px 0px 40px 0; text-align:center; line-height:30px; overflow:hidden;  }
.page a { padding:8px 14px; color:#888; margin:0px 3px; }
.page a:hover { padding:7px 13px; border:1px solid #3794dc; }
.page .cur { background-color:#3794dc; color:#fff;  }
.page .prev { padding-left:30px; background:url(../ui/page_arrow_l_1.png) 0px center no-repeat; text-indent:-9999px; }
.page .prev:hover { padding:7px 13px 7px 29px; background:url(../ui/page_arrow_l_2.png) -1px center no-repeat; color:#3794dc;}
.page .next {  padding-right:30px; background:url(../ui/page_arrow_r_1.png) 52px center no-repeat; text-indent:-9999px; }
.page .next:hover { padding:7px 29px 7px 13px;  background:url(../ui/page_arrow_r_2.png) 51px center no-repeat; color:#3794dc }

/**************************************************************************
footer { width:100%; height:100px; float:inherit; background:#666; }
footer a { float:left; height:60px; margin:20px 0 0 50px; display:block; line-height:60px; }
footer a img { width:56px; height:56px; float:left; border:2px solid #fff; border-radius:50%; }
footer a span { float:left; margin-left:20px; display:block; line-height:60px; font-size:36px; color:#fff;}
footer .footerInfo { width:600px; float:right; margin:24px 50px 0 0; }
footer .footerInfo p { float:right; font-size:14px; color:#fff; line-height:28px; }

**************************************************************************/
Header { width:100%; float:inherit; height:500px;}
.HeaderBox { width:1100px; height:100%; float:inherit; margin:0 auto;  position:relative; z-index:0; }
.HeaderBox strong { width:100%; line-height:40px; float:left; font-size:40px; color:#3794dc; margin-bottom:20px; }
.HeaderBox p { width:100%; line-height:28px; float:left; font-size:16px; color:#666; }
.HeaderBox .headerTag { width:100%; height:50px; position:absolute; z-index:1; left:0; bottom:0; }
.HeaderBox .headerTag  a { width:160px; height:100%; float:left; margin-right:10px; display:block; line-height:50px; text-align:center; font-size:18px; color:#333; }
.HeaderBox .headerTag  a.active { background:url(../ui/tagArrow.png) center bottom no-repeat rgba(8,124,213,0.8); color:#fff; }
.HeaderBox .headerTag  a:hover { background:rgba(8,124,213,0.8); color:#fff; }
.HeaderBox .headerTag  a.active:hover { background:url(../ui/tagArrow.png) center bottom no-repeat rgba(8,124,213,0.8); color:#fff }


.notice,.linkitem,.navbar{width:1100px;margin:0 auto;overflow: hidden}
.header,.banner,.notice-wrap,.linkitem-wrap,.navbar-wrap{width:100%;}

/*头部样式*/
.notice-wrap{height:60px;overflow:hidden;background-color:#ffba00;color:#fff;}
.notice-icon{display:block;float:left;margin-top:12px;height:35px;width:35px;line-height:60px;background-image:url(../ui/index2_top1.png);}
.notice-title{margin-left:5px;font-size:18px;font-weight:bold;line-height: 60px;}
.notice-cont{margin-left:20px;font-size:16px;line-height: 60px;}
.notice-close{display:inline-block;float:right;margin-top:17px;width:25px;height:25px;background-image:url(../ui/index2_top2.png);cursor: pointer;}

.linkitem-wrap{height:60px;overflow:hidden;background-color:#087cd5;}
.linkitem-nav{width:332px;float:left;line-height: 60px;}
.linkitem-nav li{position:relative;width:83px;float:left;}
.linkitem-nav li.active:after{content:"";position:absolute;bottom:0;left:22px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}
.linkitem-nav li a{color:#fff;}
.linkitem-sear,.linkitem-onl,.linkitem-tel{float:right;line-height: 60px;font-size:14px;color:#fff;}
.linkitem-sear{width:200px;height:26px;border:0px;line-height: 26px;margin-top:17px;text-indent:2.5em;color:#333;background-image:url(../ui/index2_zoom.png);background-position:7px;background-repeat: no-repeat;}
.linkitem-onl{width:126px;text-indent:2em;background-image:url(../ui/index2_top3.png);background-position-y:17px;background-repeat: no-repeat;}
.linkitem-onl a{color:#fff;}
.linkitem-tel{width:224px;text-indent:2em;background-image:url(../ui/index2_top4.png);background-position-y:17px;background-repeat: no-repeat;}

.navbar-wrap{border-bottom:1px solid #dcdcdc;}
.navbar{height:80px;}
.navbar-logo{display:block;float:left;width:210px;height:80px;}
.navbar-nav{width:786px;height:80px;float:right;line-height: 80px}
.navbar-nav li{float:left;width:131px;text-align: center;}
.navbar-nav li a{color:#333;}
.navbar-nav li a:hover{opacity: .7}


/*页脚样式*/
.foot{width:100%;}
.footer-nav-wrap{width:100%;height:100px;line-height: 100px;background-color:#666;}
.footer-nav{width:1100px;margin:0 auto;text-align: center;}
.footer-nav{color:#999;}
.footer-nav a{color:#fff;}

.footer-info-wrap{width:100%;height:300px;background-color:#757575;}
.footer-info{width:1100px;margin:0 auto;}
.footer-logo,.footer-conta,.footer-2dcode{float:left;margin-top:70px;}
.footer-logo{display:block;width:235px;margin-left:40px;}
.footer-conta{width:405px;height:160px;margin-right:40px;padding-left:60px;border-left:1px solid #999;border-right:1px solid #999;color:#fff;font-size:14px;line-height:2em;}
.footer-conta h3{margin-bottom:15px;font-size:36px;line-height:66px;color:#fff;text-indent:80px;font-weight:normal;background-image:url(../ui/index2_footicon.png);background-repeat:no-repeat;}
.footer-2dcode{margin-right:29px;line-height:20px;font-size:14px;color:#ccc;text-align:center;}
.footer-2dcode img{width:130px;height:130px;}



/**************************************************************************/
.container { width:1100px; float:inherit; overflow:hidden; margin:0 auto; }
.black { width:100%; height:100%; float:left; background:url(../ui/delete_ico.png) right top no-repeat rgba(0,0,0,0.8); background-size:60px;  }




